 *{
 	box-sizing:border-box;
 }
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 article,
 aside,
 footer,
 header,
 hgroup,
 nav,
 section {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
 	display: block;
 }
 
 body {
 	line-height: 1.8;
 	font-family: 微软雅黑, 宋体;
 	color: #333;
 }
 
 ol,
 ul {
 	list-style: none;
 }
 
 a {
 	text-decoration: none;
 	color: #333;
 }
img{
 	width: 100%;
 }

body{
	background: #121212;
	color: white;
}
.bg{
	width:100%;
	height:auto;
	-webkit-filter: blur(3px);
    filter: blur(3px);
	z-index: -1;
}
.container{
	z-index: 1;
}
.lgzt{
	color:#444444;
	position: absolute;
	font-size:2rem;
	top:20%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#logo{
	width: 50px;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.middle{
	width: 35%;
	height: 25vw;
	min-width: 300px;
	min-height: 300px;
	background: white;
	background-color: rgba(0,0,0,0.4)
}
.jz{
	width: 100%;
}
.vertical-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.middle h1{
	padding: 1vw 0;
	font-size: 1.5rem;
}
.middle input{
	min-width: 200px;
	width: 40%;
	border: 1px solid white;
	border-radius: 0;
	margin: 0 auto;
	background: black;
	margin-top: .5vw;
	padding-left:40px;
	color: white;
}
.a1 input{
	background: url(../images/用户.png) no-repeat 0.5%;
	background-size:35px;
	
}
.a2 input{
	background: url(../images/密码.png) no-repeat 0 -3px;
	background-size: 35px;
}
.middle input::-webkit-input-placeholder{
	font-size: 0.6rem;
	color: white;
}
.middle button{
	width: 40%;
	border: none;
	border-radius: 0;
	background: #1d1cfc;
	color: white;
	margin-top: 1vw;
}
.middle button:hover{
	background: #1d1cfc;
	color: white;
}
.error{
	font-size: .9rem;
}
